<div class="col-xs-12 col-sm-3 col-lg-2">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"><a data-toggle="collapse" href="#frame-0">基本功能</a></h4>
        </div>
        <style type="text/css">
            #leftBarUl .list-group-item{ padding:0;cursor:pointer;}
            #leftBarUl .list-group-item a{ display:block; padding:10px 15px}
        </style>
        <ul class="list-group in" id="leftBarUl">
            <li id="leftBar-item-00" class="list-group-item"><a href="index.html">首页</a></li>
            <li id="leftBar-item-01" class="list-group-item"><a href="open_auth.php">公众号授权</a></li>
<!--            <li id="leftBar-item-01" class="list-group-item"><a href="add_account_login.html">添加公众号</a></li>-->
            <li id="leftBar-item-02" class="list-group-item"><a href="set_key_word.html">文字回复</a></li>
            <li id="leftBar-item-03" class="list-group-item"><a href="special.html">系统回复设置</a></li>
            <li id="leftBar-item-04" class="list-group-item"><a href="setmenu.html">自定义菜单</a></li>
            <li id="leftBar-item-05" class="list-group-item"><a href="my_shops.html">微信分店管理</a></li>
        </ul>
        <script type="text/javascript">
            var store = WXB.G.Store;
            $(function(){
                $("#leftBarUl").on("click",".list-group-item",function(e){
                    var target = $(e.currentTarget);
                    var targetId = target.attr("id");
                    if(targetId){
                        store.set("leftBarActiveItemId",targetId);
                    }else{
                        console && console.log("缺省id");
                    }
                })
                var activeId = store.get("leftBarActiveItemId");
                if(activeId){
                    $("#"+activeId).addClass("active");
                }else{
                    $("#leftBarUl").children(":first").addClass("active");
                }
            })
        </script>
    </div>
</div>